<template>
    <div class="chart-box">
        <img src="@/assets/gg_img2.png" alt="" srcset="">
        <div class="des">
            <span>≥90% <span class="name">xx各团队</span></span>
            <span>90%—80% <span class="name">xx各团队</span></span>
            <span>80% <span class="name">xx各团队</span></span>
        </div>
    </div>
</template>

<script>

export default {
    name: "DigitalTrial",
    data() {
        return {

        }
    },
    mounted() {
    }
}
</script>

<style lang="less" scoped>
.chart-box {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;

    .des,
    img {
        height: 240px;
    }

    .des {
        font-size: 16px;
        color: #FEFEFE;
        display: flex;
        flex-direction: column;
        gap: 50px;
        margin: 45px 0 0 32px;
        &>span:first-child{
            margin: 0 0 0 -60px;
        }
        &>span:nth-child(2){
            margin: 0 0 0 -30px;
        }
        .name{
            margin: 0 0 0 20px;
        }
    }

}
</style>